<template>
	<view class="inform">
		<headertop title="邀请记录" str1="oridei" :back1="back1"></headertop>
		<image src="https://huarun123.oss-cn-shenzhen.aliyuncs.com/static/Rectangle 21541@2x.png" class="inform_back" mode=""></image>
		<view class="contents">
			<view class="contents_item" v-for="item in 5">
				<view class="center">
					<view class="t1">
						了啥大撒大撒
					</view>
					<view class="t2">
						2025-09-01 12:00:01
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import headertop from '@/components/header.vue'
	export default {
		components: {
			headertop
		},
		data() {
			return {
				back1: 0,
			}
		},
		onPageScroll(e) {
			console.log(e, 'eeeeeeeeeeeeeee');
			if (e.scrollTop > 100) {
				this.back1 = '#A2AEFF'
			} else {
				this.back1 = ''
			}
		}
	}
</script>

<style lang="scss">
	page {
		background: #F7F8FA;
	}

	.inform {
		width: 100%;
		overflow: hidden;
		position: relative;

		&_back {
			width: 100%;
			height: 314rpx;
			position: absolute;
			z-index: -1;
		}

		.contents {
			width: 686rpx;
			margin: auto;
			margin-top: 196rpx;
			overflow: hidden;

			&_item {
				width: 686rpx;
				height: 144rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(0, 0, 0, 0.15);
				border-radius: 16rpx 16rpx 16rpx 16rpx;
				margin-bottom: 28rpx;
				display: flex;
				align-items: center;

				.center {
					width: 622rpx;
					overflow: hidden;
					margin: auto;

					.t1 {
						font-family: PingFang SC, PingFang SC;
						font-weight: bold;
						font-size: 32rpx;
						color: #1D2129;
					}

					.t2 {
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 28rpx;
						color: #86909C;
						margin-top: 24rpx;
					}
				}

			}
		}




	}
</style>